<template>
    <!-- 组件的结构 -->
    <div class="demo">
        <h2>学生姓名：{{studentName}}</h2>
        <h2>学生年龄：{{age}}</h2>
        <button @click="sendStudentName">把学生名给App</button>
        <button @click="unbind">解绑heima事件</button>
    </div>
</template>

<script>
    export default{
            name:'Student-test',
            data(){
            return {
               studentName:'zsj',
               age:18
            }
            },
            methods: {
                sendStudentName(){
                    //触发Student组件实例身上的heima事件
                    this.$emit('heima',this.studentName,123,456,789)
                    //this.$emit('demo')
                },
                unbind(){
                    this.$off('heima')//解绑一个自定义事件
                    //this.$off(['heima','demo'])//解绑多个自定义事件
                    //this.$off()//解绑所有的自定义事件
                }
            },
            }
</script>

<style scoped>
    /* 组件的样式 */
    .demo{
        color: yellow;
        margin-top: 20px;
    }
</style>